<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="timer"></div>
	</body>
	<script type="text/javascript">
		var time_now_server, time_now_client, time_end, time_server_client, timerID;

		time_end = new Date("2022/7/27 12:10:30"); //结束的时间
		time_end = time_end.getTime();

		time_now_server = new Date("2022/7/27 12:10:10"); //开始的时间
		time_now_server = time_now_server.getTime();

		time_now_client = new Date();
		time_now_client = time_now_client.getTime();

		time_server_client = time_now_server - time_now_client;

		setTimeout("show_time()", 1000);

		function show_time() {
			var timer = document.getElementById("timer");
			if (!timer) {
				return;
			}
			timer.innerHTML = time_server_client;

			var time_now, time_distance, str_time;
			var int_day, int_hour, int_minute, int_second;
			var time_now = new Date();
			time_now = time_now.getTime() + time_server_client;
			time_distance = time_end - time_now;
			if (time_distance > 0) {
				int_day = Math.floor(time_distance / 86400000)
				time_distance -= int_day * 86400000;
				int_hour = Math.floor(time_distance / 3600000)
				time_distance -= int_hour * 3600000;
				int_minute = Math.floor(time_distance / 60000)
				time_distance -= int_minute * 60000;
				int_second = Math.floor(time_distance / 1000)

				if (int_hour < 10)
					int_hour = "0" + int_hour;
				if (int_minute < 10)
					int_minute = "0" + int_minute;
				if (int_second < 10)
					int_second = "0" + int_second;
				str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟" + int_second + "秒";
				timer.innerHTML = str_time;
				setTimeout("show_time()", 1000);
			} else {
				timer.innerHTML = timer.innerHTML;
				clearTimeout(timerID)
			}
		}
	</script>
</html>
